<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<style type="text/css">
			.mui-control-content {
				background-color: white;
				min-height: 187px;
			}
			
			.mui-control-content .mui-loading {
				margin-top: 50px;
			}
			
			.mui-input-row label {
				float: left;
				width: 31%;
				color: #AAAAAA;
			}
			
			.mui-input-row label~input,
			.mui-input-row label~select,
			.mui-input-row label~textarea {
				width: 40%;
				float: left;
			}
			
			#showpasswordeye1 {
				width: 20px;
				float: right;
				margin: 13px;
			}
			
			.mui-btn {
				height: 40px;
				padding: 5px;
			}
			
			.mui-content-padded {
				margin-top: 25px;
			}
			
			#Determine {
				float: right;
				width: 53%;
				border: none;
				height: 35px;
				margin-top: 10px;
				background-color: deepskyblue;
			}
			
			#return {
				float: left;
				width: 43%;
				border: none;
				background-color: #AAAAAA;
				height: 35px;
				margin-top: 10px;
			}
		</style>
	</head>

	<body>
		<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
			<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
				<div id="scroll1" class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<ul class="mui-table-view">
							<li class="mui-table-view-cell">
								<div class="mui-input-row">
									<label>原始密码:</label>
									<input id='oldPassWord' type="number" class="mui-input-clear mui-input" required="required" oninvalid="请输入旧密码" requiredGroup=1>
								</div>
							</li>
							<li class="mui-table-view-cell">
								<div class="mui-input-row">
									<label>新密码:</label>
									<img id="showpasswordeye1" src="images/login/闭眼.png" onclick="showPassWord('password',this);return false;" />
									<input id='password' type="password" class="mui-input-clear mui-input" required="required" oninvalid="请输入新密码" requiredGroup=1>
								</div>
							</li>
							<li class="mui-table-view-cell">
								<div class="mui-input-row">
									<label id="passwordc">确认密码:</label>
									<img id="showpasswordeye1" src="images/login/闭眼.png" onclick="showPassWord('password_confirm',this);return false;" />
									<input id='password_confirm' type="password" class="mui-input-clear mui-input" required="required" oninvalid="请输入确认密码" requiredGroup=1 zcySameWith="password">
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>

		</div>
		<div class="mui-content-padded">
			<button id='return' class="mui-btn mui-btn-block mui-btn-primary mui-action-back">返回</button>
			<button id='Determine' class="mui-btn mui-btn-block mui-btn-primary" onclick="ok();">确定</button>
		</div>

		<script src="js/jquery-2.1.0.js"></script>
		<script src="js/mui.min.js"></script>
		<script src="js/zcy.js"></script>
		<script type="text/javascript">
			mui.init()

			function ok() {
				if(!validate(1)) return false;
				var oldPassWordTextBox = $("#oldPassWord");
				var newPassWordTextBox = $("#password");
				$.zcypost("updatePassword", {
					oldpassword: oldPassWordTextBox.val(),
					newpassword: newPassWordTextBox.val(),
				}, function(d) {
					mui.toast('密码修改成功！');
					history.back();
				});

			}
		</script>
	</body>

</html>